<!doctype html>
<html >
    <head>
        <title>Page Title</title>
        <script src="js/libs/angular.js/angular.js"></script>
        <script src="js/libs/jquery/jquery.js"></script>

        <script>
            var myposts = angular.module('postApp', []);

            myposts.controller("PostController", function($scope, $http) {
                $http.get('http://similarity.esy.es/cakeStrap-example-master/rest_posts').
                        success(function(data) {
                            $scope.posts = data.posts;
                        });
            });

        </script>
    </head>
    <body ng-app="postApp">
        <div ng-controller="PostController" class="container">
            <h1>Post</h1>
            <hr/>
            <div ng-repeat="post in posts" class="col-md-6">
                <h4>{{post.Post.id}}</h4>
                <p>{{post.Post.title}}</p>
                <p>{{post.Post.body}}</p>
            </div>
        </div>
    </body>
</html>